@import url(//at.alicdn.com/t/font_1445739_8fvzfwlshzd.css);


#banner {
    z-index: 1;
    margin-bottom: 0px; 
}

a {
    color: inherit;
}


.just {
    display: flex;
    flex-wrap:  wrap;
    justify-content:  space-around;
}



.main-title {
    display: block;
    text-align: center;
}


.main-title h3 {
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: bold;
}

.main-title p {
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #333;
}



/***************************************************************************************************/

#wel {
    background: #0d6dc1;
    line-height: 2em;
}
#wel  .mainw {
    width: 1200px;
    margin:  0 auto;
    color: white;
    display: flex;
    flex-wrap: nowrap;
    justify-content:  space-between;
}

#logo-tel {

    width: 100%;
    z-index: 999;
    background: rgba(255,255,255,.5);

}


#logo-tel .mainw  {
    display: flex;
    width: 1400px;
}


#logo-tel .mainw .logo {
    width: 320px;
    position: relative;
    top: 15px;

}

#logo-tel .mainw .nav {
    width: 900px;

}

#logo-tel .mainw .nav  a {
    display: inline-block;
    padding: 0 22px;
    line-height: 90px;
    border-bottom: 3px;

}
#logo-tel .mainw .nav  a:first-child,
#logo-tel .mainw .nav  a:hover {
    background: linear-gradient(to bottom,#fc7523, #fc7523);
}

#logo-tel .mainw .tel {
    width: 240px;;
    color: #fc7523;
    background: url(/static/taida/top-tel.png) left top 20px  no-repeat;
    padding-left: 50px;
}



#logo-tel .mainw .tel  .top {
    padding-top: 1em;
    font-size: 16px;
}


#logo-tel .mainw .tel  .nu { 
    font-size: 30px;
    font-weight: bold;
}



#prolist  {
    margin-top: 40px;
    margin-bottom: 40px;
}

#prolist  .lists {

}

#prolist  .lists .u {
    display: flex;
    position: relative;
    width: 1000px;
    margin:  0 auto;
    flex-wrap: wrap;
}

#prolist  .lists .u a {

    background:  linear-gradient(to right, #2f2f2f, #656667);
    line-height: 2.4em;
    color: white;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 20px;
        flex-grow: 1;
            text-align: center;
}

#prolist  .lists .u a.name {
    background:  linear-gradient(to right, #fc7523, #fc7523);
    position: relative;
}

#prolist  .lists .u a.name:after {
    content:  " ";
    position: absolute;
    width: 64px;
    height: 64px;
    background: url(/static/taida/listicon.png);
    left: -40px;
    top: -14px;
}

#prolist  .con {
    display: flex;
    flex-wrap:  wrap;
    justify-content:  space-between;
    padding: 5px;
}


#prolist  .con  a {
    width: 23%;
    border-radius: 30px;
    box-shadow: 0 0 10px 0px #f4e7e0;
    margin-bottom: 20px;
}
#prolist  .con  a  img {
    width: 100%;
    height:  auto;
    float: left;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

#prolist  .con  a  p {
    line-height: 2.4em;
    text-align: center;
}



#home-about {
    background: url(/static/taida/aboutbj.jpg) top center no-repeat;
    padding-top: 30px;
}



#home-about  .main-title > * {
    color: white;
}





#home-about   .text {
    background: url(/static/taida/about-text.png) top center no-repeat;
    height: 65px;
    margin-bottom: 20px;
}
#home-about .mainw {



}


#home-about .mainw .con {
    position: relative;
    display: flex;
    align-items: center;
    background: white;
    padding: 40px 0;
    justify-content:  space-between;
    background: whitesmoke;


}

#home-about .mainw .con img {
    width: 650px;
}


#home-about .mainw .con  .info {
    width: 500px;
    position: relative;
    right: 10px;
}


#home-about .mainw .con  .info  .con {
    line-height: 1.7em;
}



#home-about .mainw .con  .info .tel {
    background: linear-gradient(to bottom , #fc7523, #fc7523);
    line-height: 2em;
    font-size: 20px;
    color: white;
    width: 80%;
    text-align: center;
    color: #f5f5f7;

}
#home-about .mainw .con  .info .tel img {
    width: 29px;
    height: 29px;
    position: relative;
    left: -5px;
    top: 5px;
}
#home-about .mainw .con  .info .tel span {
    font-size: 24px;
}

#home-about .mainw .con  .info  .more {
    margin-top: 30px;
    float: right;
}

#home-about .mainw .con  .info  .more  a {
    display: inline-block;
    line-height: 2em;
    color: #0d6dc1;
    border-radius: 20px;
    line-height: 2em;
    border: 1px #0e53c8 solid;
    padding: 0 20px;
}





#lingyu {

}



#lingyu  .con {
    display: flex;
    flex-wrap: nowrap;
    justify-content:  space-between;
}


#lingyu  .con  a {
    width: 24%;
    height: 556px;
    padding-top: 50px;
    box-sizing: border-box;
    line-height: 222px;
    color: white;
    text-align: center;
}

#lingyu  .con  a:nth-child(1) {
    background: url(/static/taida/lingyu-1.jpg) center no-repeat;
}

#lingyu  .con  a:nth-child(2) {
    background: url(/static/taida/lingyu-2.jpg) center no-repeat;
}
#lingyu  .con  a:nth-child(3) {
    background: url(/static/taida/lingyu-3.jpg) center no-repeat;
}
#lingyu  .con  a:nth-child(4) {
    background: url(/static/taida/lingyu-4.jpg) center no-repeat;
}
#lingyu  .con  .name {
    font-size: 24px;
}

#lingyu  .con  .name {
    background: url(/static/taida/linyu.png) center no-repeat;
    height: 222px;
}

#lingyu  .con p {
    line-height: 1.7em;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    margin: 30px 10px;
    position: relative;
    top: 30px;
}


#home-case   {
    margin-top: 50px;
}

#home-case   .main-title {
    margin-bottom: 20px;
}



.swiper-container {
    padding-bottom:40px;
}
.swiper-wrapper{
}
.swiper-slide {
    width:978px;
    transition-timing-function:linear;
}
@media only screen and (max-width:1200px){
    .swiper-slide {
        width:770px;
    }
}
@media only screen and (max-width:980px){
    .swiper-slide {
        width:471px;
    }
}
@media only screen and (max-height:480px){
    .swiper-slide {
        width:471px;
    }
}
.swiper-slide img{
    width:100%;
    border-radius: 4px;}
.swiper-slide .title{
    position:absolute;
    transform:rotate(90deg);
    transform-origin:left top;
    left:-3px;
    font-size:11px;
    color: rgb(102, 102, 102);}	
.swiper-button-next, .swiper-button-prev{
    width:86px;
    height:112px;
    background-size:86px 112px;
    margin-top:-56px;
    outline:none;}
/*.swiper-button-next{
    background-image:url(img/cursor-next.png);}
.swiper-button-prev{
    background-image:url(img/cursor-prev.png);}		*/
.swiper-pagination-bullet{
    background:none;
    opacity:1;
    margin:0 6px !important;
    width:9px;
    height:9px;
    position:relative;
    outline:none;
    vertical-align:middle;}
.swiper-pagination-bullet span{
    width:3px;
    height:3px;
    background:#CCC;
    display:block;
    border-radius:50%;
    margin-top:3px;
    margin-left:3px;
}
.swiper-pagination-bullet i{
    background:#000;
    height:1px;
    width:20px;
    position:absolute;
    top:4px;
    transform:scaleX(0);
    transform-origin:left;
    z-index:3;
    transition-timing-function:linear;
}
.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
    width:9px;
    height:9px;
    margin-top:0;
    margin-left:0;
    background:#000;
    position:relative;
    z-index:1;
}
.swiper-pagination-bullet-active i{
    animation:middle 6s;
}
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
    animation:first 6s;
}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
    animation:last 6s;
}				
@keyframes first{
    0% {transform:scaleX(0.5);left:0px;}/*091*/
    100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
    0% {transform:scaleX(0.7);left:-10px;}/*1090*/
    20% {transform:scaleX(0.3);left:2px;} /*090*/
    100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
    0% {transform:scaleX(0.7);left:-10px;}/*1091*/
    20% {transform:scaleX(0.45);left:2px;}/*092*/
    100% {transform:scaleX(1);left:2px;} /*0913*/
}	




#home-news {
    
}

#home-news .qyxw {
    display: flex;
    flex-wrap:  nowrap;
    justify-content:  space-between;
}


#home-news .qyxw {
    display: flex;
    flex-wrap: nowrap;
    justify-content:  space-between;
}
#home-news .qyxw  a:first-child {
    background: url(/static/taida/qyxw.jpg) no-repeat center;
}

#home-news .qyxw  a:first-child  > * {
    color: white;
}

#home-news .qyxw  a:first-child  span {
    background: #fc7523;
}
#home-news .qyxw  a {
    width: 274px;
    height: 333px;
    padding:  0 30px;
    padding-top: 80px;
    display: block;
    box-sizing: border-box;
    background: #f3f3f3;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#home-news .qyxw  a  .y {
    font-size: 14px;
}

#home-news .qyxw  a .md {
    font-size: 28px;
    font-weight: bold;
}

#home-news .qyxw  a  p {
    line-height: 1.7em;
    margin-bottom: 20px;
    
}

#home-news .qyxw  a  span {
    display: inline-box-align;
    padding:  1px 5px;
    border-radius: 10px;
    color: white ;
   background: #ccc;
   font-size: 12px;
}


#home-news  .hyzs {
    display: flex;
    flex-wrap:  wrap;
    justify-content:  space-around;
}

#home-news  .hyzs a {
    width: 48%;
    display: flex;
    justify-content:  space-around;
    border-bottom: 1px solid #ccc;
    line-height: 3em;
    justify-content:  space-between;
    color: #666;
    padding-left: 30px;
    box-sizing: border-box;
    background: url(/static/taida/dot.png) left center no-repeat;
}



#youlian  {
  width: 1200px;
  margin:  20px auto;
}

 








#footer {
    background: #1b1b1b;
    color: white;
    padding-top: 2em;
}


#footer .mainw.con {
    display: block;
    flex-wrap: nowrap;
}

#footer .mainw.con  .one {
    display: inline-block;
    width: 552px;
}

#footer .mainw.con .ewm {
    display: inline-block;
    width: 211px;
    padding-top: 30px;
    text-align: center;
}

#footer .mainw.con  .three {

}


#footer .mainw.con  .one {
    background: url(/static/img/footer-logo.png) top 0em  center no-repeat   ;
    padding-top: 100px;
}

#footer .mainw.con  .one  .con {
    /*
    margin-top: 20px;
    */
}


#footer .mainw.con  .one  .con p {
    display: inline-block;
    width: 48%;
    line-height: 2.2em;
}

#footer .mainw.con  .form {
    display: inline-block;
    width: 400px;
    overflow: hidden;;
    padding-top: 2em;
    vertical-align: top;
}

#footer .mainw.con  .form  input, #footer .mainw.con  .form  textarea {
    background: transparent;
    border: 1px solid #666;

    width: 317px;
    margin-bottom: 10px;
    color: white;
}

#footer .mainw.con  .form  tr td:first-child {
    width: 70px;
    display: inline-block;
    text-align: left !important;

}


#footer .mainw.con  .form .submit {
    width: 200px;
    background: #e60013;
    color: white;
    line-height: 2em;
}


#footer   .cp {
    border-top: 1px #ccc solid;
    margin-top: 1em;
}

#footer  .cp p {
    margin:  0;
    line-height: 3em;
    text-align: center;
}


img.aligncenter {
    margin: 0 auto;
    display: block;
}